<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Link & Go</title>
    <link href="./css/common.css" rel="stylesheet">
    <link href="./css/ranking.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="modal">
            <div class="title">Ranking</div>
            <div class="body">
                <div class="item" id="ranking_list_item_template">
                    <div class="">
                        <span class="nickname">Nickname</span>
                        <span class="">Remainder Time : <span class="time"></span></span>
                    </div>
                    <div>
                        <span>Level:<span class="level"></span>easy</span>
                        <span>Wallet:<span class="wallet"></span>1000</span>
                        <span>Score:<span class="score"></span>1000</span>
                    </div>
                    <div class="submit_at">submit_at</div>
                </div>
                <div class="list" id="rankings_list">
                    <div class="not-have-data">Not has record yet</div>
                </div>
            </div>
        </div>
        <div class="btn-area">
            <a href="./index.html" class="btn btn-xs">Main Page</a>
        </div>
    </div>
    <div id="message_box">
        <div id="message_content"></div>
    </div>
<script src="./js/element.js"></script>
<script src="./js/utils.js"></script>
<script src="./js/ranking.js"></script>
</body>
</html>